.grid-wrapper {
  display: flex;
  flex-direction: column; /* Stack toolbar and grid vertically */
  width: 100%;
  height: 100%; /* Ensure the wrapper takes the full height of the parent */
}

.grid-toolbar-container {
  position: relative;
  z-index: 1000;
  background-color: var(--ag-background-color, #fff); /* Match AG Grid theme */
  padding: 8px 10px; /* Add padding for the toolbar */
  border-bottom: 1px solid var(--ag-border-color, #ccc); /* Add a separator */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Subtle shadow */
  height: 50px; /* Set a fixed height for the toolbar */
  box-sizing: border-box; /* Include padding and border in the height */
}

#gridContainer {
  position: relative;
  flex: 1; /* Allow the grid to take the remaining space */
  width: 100%;
  height: calc(100% - 50px); /* Subtract the toolbar height from the total height */
}